<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>理塘旅行社</title>
    <!--风景欣赏-->

    <link rel="stylesheet" href="/css/public.css"/>
    <link rel="stylesheet" href="/css/information.css"/>
    <link rel="stylesheet" href="/css/scenery.css">
    <script src="/js/jquery-3.0.0.js"></script>
</head>
<body>

<div class="headline">
    <div class="center">
        <hgroup>
            <h2>风景欣赏</h2>
            <h3>介绍各种最新旅游信息、资讯要闻、景点攻略等</h3>
        </hgroup>
    </div>
</div>
<div class="section">
    <div class="left">
        <h2>风景欣赏</h2>
        <div class="main">
            <figure class="scenery">
                <div class="sta">
                    <img class="imgFd" src="/imges/s1.jpg" alt="">
                </div>
                <figcaption>曼谷-芭提雅[共8张]</figcaption>
            </figure>
            <figure class="scenery">
                <img class="touxiang" src="/imges/s2.jpg" alt="">
                <figcaption>马尔代夫双鱼岛[共12张]</figcaption>
            </figure>
            <figure class="scenery">
                <img class="touxiang" src="/imges/s3.jpg" alt="">
                <figcaption>富山-大阪-东京[共22张]</figcaption>
            </figure>
            <figure class="scenery">

                <div class="sta">
                    <img class="imgFd" src="/imges/s4.jpg" alt="">
                </div>
                <figcaption>海南[共19 张]</figcaption>
            </figure>
            <figure class="scenery">
                <div class="sta">
                    <img class="imgFd" src="/imges/s5.jpg" alt="">
                </div>
                <figcaption>法瑞意德[共31张]</figcaption>
            </figure>
            <figure class="scenery">
                <img class="touxiang" src="/imges/s6.jpg" alt="">
                <figcaption>花样姐姐土耳其[共14张]</figcaption>
            </figure>
            <figure class="scenery">
                <img class="touxiang" src="/imges/s7.jpg" alt="">
                <figcaption>巴厘岛[共12张]</figcaption>
            </figure>
            <figure class="scenery">
                <div class="sta">
                    <img class="imgFd" src="/imges/s8.jpg" alt="">
                </div>
                <figcaption>塞舌尔迪拜[共7张]</figcaption>
            </figure>
        </div>
    </div>
    <div class="right">
        <div class="tourAtag">
            <h2>景点推荐</h2>
            <ul>
                <li><a href="###">曼谷(12)</a></li>
                <li><a href="###">东京(5)</a></li>
                <li><a href="###">西双版纳(8)</a></li>
                <li><a href="###">漓江(16)</a></li>
                <li><a href="###">呼伦贝尔(4)</a></li>
                <li><a href="###">首尔(9)</a></li>
                <li><a href="###">巴厘岛(15)</a></li>
                <li><a href="###">土耳其(22)</a></li>
                <li><a href="###">夏威夷(5)</a></li>
                <li><a href="###">巴厘岛(11)</a></li>
                <li><a href="###">毛里求斯(7)</a></li>
                <li><a href="###">吉普岛(4)</a></li>
                <li><a href="###">希腊(18)</a></li>
                <li><a href="###">法瑞意(8)</a></li>
                <li><a href="###">马尔代夫(9)</a></li>
                <li><a href="###">新西兰(16)</a></li>
                <li><a href="###">埃及(11)</a></li>
                <li><a href="###">迪拜(14)</a></li>
                <li><a href="###">斯里兰卡(7)</a></li>
                <li><a href="###">麦哈顿(3)</a></li>
                <li><a href="###">大阪(15)</a></li>
            </ul>
        </div>
        <div class="hotTour">
            <h2>热门旅游</h2>
            <div class="figure">
                <div th:each="item:${traList}">
                    <figure>
                        <a th:href="@{/travel/store(id=${item.traId})}">
                            <img th:src="@{'/imges/hot/'+${item.hotImg}}"/>
                            <figcaption>[[${item.TraName}]]</figcaption>
                        </a>
                    </figure>
                </div>

                <figure>
                    <img  src="/imges/hot/hot8.jpg"/>
                    <figcaption>花样土耳其10日游</figcaption>
                </figure>
            </div>
        </div>
        <div class="tourBox">
            <h2>旅游百宝箱</h2>
            <a href="###">天气预报</a>
            <a href="###">火车票预订</a>
            <a href="###">航班查询</a>
            <a href="###">公共交通线路</a>
        </div>
    </div>
</div>
<footer class="footer">
    <div class="footer_top">
        <ul class="footer_ul">
            <li><p>合作伙伴</p></li>
            <li>途牛旅游网</li>
            <li>中国旅游网</li>
            <li>中国青年旅行社</li>
        </ul>
        <ul class="footer_ul">
            <li><p>旅游FAQ</p></li>
            <li>旅游合同签订方式？</li>
            <li>旅游的线路品质怎么界定的？</li>
            <li>长沙旅游有哪些？</li>
        </ul>
    </div>
    <div class="footer_bottom">
        <p>By PromiseT 理塘旅行社 | Copyright @ 2022</p>
    </div>
</footer>
<script src="js/index.js"></script>
</body>
</html>